<template>
  <div>
    <footer>
      <hr />
      <div>
        <!-- Footer -->
        <footer class="page-footer font-small stylish-color-dark pt-4">
          <!-- Footer Links -->
          <div class="container text-center text-md-left">
            <!-- Grid row -->
            <div class="row">
              <!-- Grid column -->
              <div class="col-md-4 mx-auto f-mx-auto">
                <!-- Content -->
                <h5 class="font-weight-bold text-uppercase mt-3 mb-4">南京工业大学学生社团联合会</h5>
                <p>
                  邮编：211816
                  <br />地址：中国江苏省南京市江北新区浦珠南路30号
                </p>
              </div>

              <!-- Grid column -->

              <hr class="clearfix w-100 d-md-none" />

              <!-- Grid column -->
              <div class="col-md-2 mx-auto f-mx-auto">
                <!-- Links -->
                <!-- <h5 class="font-weight-bold text-uppercase mt-3 mb-4">链接</h5> -->
                <table>
                  <tr>
                    <td>
                      <img src="../assets/img/footer/logo1.png" style="width:100px height:100px" alt />
                    </td>
                    <td>
                      <img src="../assets/img/footer/logo2.png" style="width:100px height:100px" alt />
                    </td>
                    <td>
                      <img src="../assets/img/footer/logo3.png" style="width:100px height:100px" alt />
                    </td>
                  </tr>
                </table>
              </div>
            </div>
          </div>

          <!-- Copyright -->
          <div class="footer-copyright text-center py-3" style="background-color:#155c81">
            <span style="color:white">©NJTECH 2020 Web Page Design</span>
            <router-link to="/home" style="text-decoration:none">
              <span style="color:#2891C8">@WangYiwei Group.</span>
            </router-link>
          </div>
        </footer>
        <!-- Footer -->
      </div>
    </footer>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.page-footer {
  background-color: #2891c8 !important;
  .row {
    color: white;
    display: flex;
    justify-content: space-between;
    td{
        width: 70px;
        height: 70px;
        padding: 15px;
    }
    .col-md-2 {
      -ms-flex: 0 0 16.666667%;
      flex: 0 0 16.666667%;
      max-width: 33.333%;
    }
    .f-mx-auto {
      margin-left: 0 !important;
      margin-right: 0 !important;
    }
  }
  img {
    width: 100px;
    height: 100px;
  }
}
</style>